body { background: #eeeeee; }
nav.shop {}
nav.shop img { width: 100%;}
p.search { font-size: 0;}
p.search input { width: 85%; margin: 0 5%;font-size: 1rem;border: 0.1rem solid #bababa;}
article.shop_info { margin: 1rem 3%;}
.info ul li:nth-child(2){ position: relative;}
.info ul{ font-size: 0; width: 48%; background: #FFF; box-sizing: border-box;padding: 0.5rem;}
.info ul:last-child { margin-left: 3%;}
.info ul li { font-size: 1rem; line-height: 1.6rem;}
.info ul li img{ width: 100%;}
.info ul li span:first-child, .list ul li span:first-child { width: 65%;}
.info ul li .shopping{ width: 20%;position: relative;}
.info ul li .shopping img{ width: 100%; }
.info ul li sup.add { position: absolute; top: -0.2rem; left: 80%; background: #86ce00; border-radius: 50%; color: #FFF; width:1rem; height:1rem;font-size: 0.8rem; text-align: center; line-height: 1rem;}
.list { margin-top: 1rem;background: #FFF; box-sizing: border-box;}
.list p{ width: 35%;}
.list img{ width: 100%;}
.list ul{ width: 60%; margin-left: 3%; font-size: 1rem;}
.list ul li .shopping{  position: relative;}
.list ul li .shopping img{ width: 30%;}
.list ul li .shopping sup { position: absolute; top: -0.2rem; right: -3%; background: #86ce00; border-radius: 50%; color: #FFF; width:1rem; height:1rem;font-size: 0.8rem; text-align: center; line-height: 1rem;}
.list ul li:last-child { text-align: right;}
